<template>
  <div>
    <div class = "container">
      <h1 class="special-effect">AI数字人</h1>
    </div>
    <router-link to="/">首页</router-link> |
    <router-link to="/another">我的历史</router-link>
    <router-view></router-view>
  </div>
</template>

<script>

export default {
  name: 'Home'
}
</script>

<style scoped>
.container {
  text-align: center;
}
.special-effect {
  color: #47ddff;  /* tomato color */
  font-size: 3em;  /* 3 times larger than the normal text */
  text-shadow: 2px 2px 4px #000000;  /* black shadow */
}
</style>